<template>
	<div id="app">
		<router-view></router-view>
	</div>
</template>

<style>
	@import "./assets/css/main.css";
	@import "./assets/css/color-dark.css";     /* 深色主题 */
    /* @import "./assets/css/theme-green/color-green.css";  浅绿色主题  */
	.el-table .table-head{
		background-color: #f5f7fa;
	}
	.el-table colgroup col[name="gutter"]{
	    display: table-cell!important;
	}
	.dropdown-menu.el-dropdown-menu.el-popper{
		margin-top: 30px;
	}
	.dropdown-menu .popper__arrow{
		visibility: hidden;
	}
	.el-table .warning-row{
		background-color: #feffab;
	}
	.el-table .warning-row:hover>td{
		background-color: #f5f4cf;
	}
	div::-webkit-scrollbar,
	ul::-webkit-scrollbar {
		width: 3px;
		background-color: #ccc;
	}
	
	div::-webkit-scrollbar-thumb,
	ul::-webkit-scrollbar-thumb {
		background-color: #666;
	}
	#app .el-radio {
	    margin-right: 15px;
	}
	
	.flex-between{
		display: flex;
		flex-direction: row;
		justify-content: space-between;
	}
	.flex-around{
		display: flex;
		flex-direction: row;
		justify-content: space-around;
	}
	
	.el-popper.diy-down-popper{
		padding: 10px 0;
	}
	.diy-down-items{
		align-items: center;
		font-size: 12px;
		padding: 16px 10px;
		cursor: pointer;
		outline: none;
	}
	.diy-down-items:hover{
		background-color: rgba(66, 159, 252, .2);
	}
	.diy-down-items.active{
		background-color: rgba(66, 159, 252, .2);
	}
</style>